﻿---------------------------------------------------------------------------------------------------------------------------------------------
How to upload Blogger templates
---------------------------------------------------------------------------------------------------------------------------------------------

1. Download your Blogger XML template from Www.BestTheme.Net. 
The template is contained in a zip file (winzip, winrar), ensure you have extracted the XML template.
2. Log in to your Blogger dashboard and go to Layout > Edit HTML
3. Ensure you back up your old template in case you decide to use it again. To do this, click on the "download full template" link and save the file to your hard drive.
4. Look for the section near the top where you can browse for your XML template:
5. Enter the location of your template and press "upload".
6. The HTML of your new template will now appear in the box below. You can preview your template or simply save to start using it!
7. Enjoy!




---------------------------------------------------------------------------------------------------------------------------------------------
How to edit post date
---------------------------------------------------------------------------------------------------------------------------------------------
Go to setting pannel and then to formating tab
Now set the timestamp formate to monday, october 13, 2010.




---------------------------------------------------------------------------------------------------------------------------------------------
How to Edit Top navigation Menu bar
---------------------------------------------------------------------------------------------------------------------------------------------

<!--Menu-->
<div class='menu'>
<ul>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>

<li class='page_item page-item-2'><a href='/feeds/posts/default' title='Feed Post RSS'>Post RSS</a></li>

<li class='page_item page-item-46'><a href='/feeds/comments/default' title='Feed Comments RSS'>Comments RSS</a></li>

<li class='page_item page-item-46'><a href='#About' title='#About'>#About</a></li>

<li class='page_item page-item-46'><a href='#Blog' title='#Blog'>#Blog</a></li>

<li class='page_item page-item-46'><a href='#Other' title='#Other'>#Other</a></li>
</ul></div> 
<!--Menu End-->
 
Now Edit <a expr:href='data:blog.homepageUrl' title='Home'>Home</a>



---------------------------------------------------------------------------------------------------------------------------------------------
How to Edit Top Drop Down Navigation Menu bar
---------------------------------------------------------------------------------------------------------------------------------------------


<!--Cat Nav-->

<div id='cat-nav'>
<div id='cat-nav-left'/>
<div id='cat-nav-right'/>

<ul id='navcatlist'>
<li id='cat-nav-btn'>
<ul>

<li class='cat-item cat-item'><a href='#' title='View all posts filed under Parent'>Category 1</a> 
</li> 
	
<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 2</a> 
</li> 

<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 3</a> 
</li>

<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 4</a> 
</li>

<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 5</a> 
</li>

<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 6</a> 
</li>

<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 7</a> 
</li>

<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 8</a> 
</li>



<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 9</a> 
</li>



<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 10</a> 
</li>


<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 11</a> 
</li>


<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 12</a> 
</li>


<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 13</a> 
</li>



<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 14</a> 
</li>


<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 15</a> 
</li>



<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 16</a> 
</li>


<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Uncategorized</a> 
</li>


<li class='cat-item cat-item'><a href='#' title='View all posts filed under Uncategorized'>Category 17</a> 
</li>

</ul>
</li>
</ul>

    

<ul id='cat-nav-featured'>
<li><b><em>Www.BestTheme.Net &#187;</em></b>   Hello, I am <b><em>Vk bhardwaj</em></b> and i do awsome <b>Designs?</b>




</li>
</ul>

<div id='custom-search'>
<form action='/sarch' class='searchformhead' method='get'> 
<input id='custom-s' name='s' onblur='if(this.value==&apos;&apos;){this.value=&apos;search site&apos;};' onfocus='if(this.value==&apos;search site&apos;){this.value=&apos;&apos;};' type='text'/>
<input id='custom-search-submit' type='submit' value=''/>
</form>
</div>
</div>
<!--Cat Nav End-->

 




Now Edit <a href='#' title='View all posts filed under Parent'>Category 1</a>,    <li><b><em>Www.BestTheme.Net &#187;</em></b>   Hello, I am <b><em>Vk bhardwaj</em></b> and i do awsome <b>Designs?</b></li>




---------------------------------------------------------------------------------------------------------------------------------------------
How to edit slider
---------------------------------------------------------------------------------------------------------------------------------------------


<!--Featured-->
<div id='featured'>
<div id='featured-content'>
<h3>Featured</h3>
<div class='container'>
<div class='slides'>
<div>
<div class='featured-text'>

<div class='text-wrapper'>
<h2><a href='#' rel='bookmark' title='Worth A Thousand Words'>Worth A Thousand Words</a></h2>
<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so &#8230;</p> 
</div>

            
<a class='featured-btn' href='#' rel='nofollow'>Read More</a>
</div>

<div class='featured-image'>


<img alt='Worth A Thousand Words' height='233' src='http://2.bp.blogspot.com/_nI2w1Z0MWcE/TOyJtTEib0I/AAAAAAAAAT8/34-dTbGZ6Qg/s1600/blank.png' width='442'/>
</div>
</div>
<div>

			

          	
<div class='featured-text'>
<div class='text-wrapper'>

<h2><a href='#' rel='bookmark' title='Elements'>Elements</a></h2>

<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so &#8230;</p> 
            
</div>
<a class='featured-btn' href='#' rel='nofollow'>Read More</a>
</div>

            
<div class='featured-image'>
<img height='233' src='http://2.bp.blogspot.com/_nI2w1Z0MWcE/TOyJtTEib0I/AAAAAAAAAT8/34-dTbGZ6Qg/s1600/blank.png' width='442'/>
</div>
</div>
<div>

			

          	
<div class='featured-text'>
<div class='text-wrapper'>

<h2><a href='#' rel='bookmark' title='More Tags'>More Tags</a></h2>

<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so &#8230;</p>  
</div>

<a class='featured-btn' href='#' rel='nofollow'>Read More</a>
</div>

            
<div class='featured-image'>
<img height='233' src='http://2.bp.blogspot.com/_nI2w1Z0MWcE/TOyJtTEib0I/AAAAAAAAAT8/34-dTbGZ6Qg/s1600/blank.png' width='442'/>
</div>
</div>
<div>

			

          	
<div class='featured-text'>
<div class='text-wrapper'>

<h2><a href='#' rel='bookmark' title='HTML'>HTML</a></h2>

<p>What HTML tags would you like to see? Let&#8217;s start with an unordered list: One Two Three Four And then move on to a more interesting ordered list: one, two &#8230;</p> 
            
</div>

<a class='featured-btn' href='#' rel='nofollow'>Read More</a>
</div>

<div class='featured-image'>
<img height='233' src='http://2.bp.blogspot.com/_nI2w1Z0MWcE/TOyJtTEib0I/AAAAAAAAAT8/34-dTbGZ6Qg/s1600/blank.png' width='442'/>
</div>
</div>
<div>

			

          	
<div class='featured-text'>
<div class='text-wrapper'>
<h2><a href='#' rel='bookmark' title='Links'>Links</a></h2>

            
<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so &#8230;</p> 
            
</div>

<a class='featured-btn' href='#' rel='nofollow'>Read More</a>
</div>

<div class='featured-image'>
<img height='233' src='http://2.bp.blogspot.com/_nI2w1Z0MWcE/TOyJtTEib0I/AAAAAAAAAT8/34-dTbGZ6Qg/s1600/blank.png' width='442'/>
</div>
</div>
</div>
</div>

<a class='previous' href='http://www.besttheme.net/'>previous</a>
<a class='next' href='http://www.besttheme.net/'>next</a>
</div>
</div><!--Featured-->




Now Edit #, title='Links' And Subtitle, Image:http://2.bp.blogspot.com/_nI2w1Z0MWcE/TOyJtTEib0I/AAAAAAAAAT8/34-dTbGZ6Qg/s1600/blank.png, <p>Description</p>  , Read More Button:<a class='featured-btn' href='#' rel='nofollow'>Read More</a>	
---------------------------------------------------------------------------------------------------------------------------------------------









---------------------------------------------------------------------------------------------------------------------------------------------
How to Edit Logo 
---------------------------------------------------------------------------------------------------------------------------------------------
Go to layout and click on Edit Html Tab.
Now find this Html code

<!--Title-->
<div id='blog-title'>

<h1 style='width: 212px;'>

<a class='image_logo' expr:href='data:blog.homepageUrl' style='width: 212px; height: 35px; background-image: url(http://2.bp.blogspot.com/_nI2w1Z0MWcE/TOyGtLpjoZI/AAAAAAAAATs/6WIqLGI7zWY/s1600/logo.png);'><data:blog.title/></a>
</h1>
</div>
<!--Title End-->


And Change logo image  http://3.bp.blogspot.com/_M_YCe5AWy0o/TNIZf_7HqjI/AAAAAAAAAk8/rcHpRCt9Omw/s1600/logo.png











---------------------------------------------------------------------------------------------------------------------------------------------
How to Edit footer
--------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------
How to Edit recent comment tab(first tab of footer)
---------------------------------------------------------------------------------------------------------------------------------------------

Go to layout and in html tab just find these codes 
and replace your blog address (for ex. http://www.besttheme.net)in the last of these codes


<script style='text/javascript'>var a_rc=3;var m_rc=true;var n_rc=true;var o_rc=40;</script><script src='http://www.besttheme.net/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments'/>	







---------------------------------------------------------------------------------------------------------------------------------------------
How to Edit recent post tab(Secend tab of footer)
---------------------------------------------------------------------------------------------------------------------------------------------



Go to layout and in html tab just find these codes 
and replace your blog address (for ex. http://www.besttheme.net)in the last of these codes


<script language='JavaScript'>
imgr = new Array();
showRandomImg = true;
tablewidth =0;
cellspacing = 0;
borderColor = &quot;#ffffff&quot;;
bgTD = &quot;#ffffff&quot;;

imgwidth = 74;
imgheight =80;

fntsize = 12;
acolor = &quot;#000&quot;;
aBold = true;
icon = &quot; &quot;;

text = &quot;&quot;;
fsize= &quot;11&quot;;

showPostDate = false;

summaryPost = 60;
summaryFontsize = 11;
summaryColor = &quot;#666&quot;;
icon2 = &quot; &quot;;

numposts = 9;

home_page =

&quot;http://www.besttheme.net/&quot;;
</script>






--------------------------------------------------------------------------------------------------------------------------------------------
How to Edit twitter update tab(last tab of footer)
---------------------------------------------------------------------------------------------------------------------------------------------

Go to layout and in html tab just find these codes 
and replace your User Name  (for ex. besttheme)in the middle of these codes




<script type='text/javascript'>
jQuery(document).ready(function($) {
$(&quot;.tweet&quot;).tweet({
join_text: &quot;auto&quot;,

username: &quot;besttheme&quot;,

			
avatar_size: 0,
count: 4,
auto_join_text_default: &quot;&quot;,
auto_join_text_ed: &quot;&quot;,
auto_join_text_ing: &quot;&quot;,
auto_join_text_reply: &quot;&quot;,
auto_join_text_url: &quot;&quot;,
loading_text: &quot; &quot;
});
})
</script>





---------------------------------------------------------------------------------------------------------------------------------------------
If you have any probleme 
---------------------------------------------------------------------------------------------------------------------------------------------
Please visit author blog : http://www.besttheme.net/ 
And write a comment 